/*note album*/

.note{
	width: 80%;
	
	margin: 0px auto 20px auto;
	height: 50px;
	background-color: #FFF5C1;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 5px 5px 10px #888888;
}
.note p{
	text-align: center;
	padding-top: 10px;
}


/*header*/
.header {
	width: 100%;
	height: 200px;	
	padding: 0px auto;
}

.information_personal{
	float: left;
	width: 70%;
	height: auto;
	margin-right: 50px;
	border-radius: 20px;
	background-color: #FFF;
	box-shadow: 5px 5px 10px #888888;
}

.information_personal .avatar img{
	width: 200px;
	height: 200px;
	border-radius: 20px 0px 0px 20px;
}

.information_personal .avatar {
	float: left;
	width: 25%;
}

.information_personal .infor{
	float: right;
	width: 75%;	
	height: auto;
	padding: 20px 30px;
	text-align: left;
}

.information_personal .infor .infor_link{
	width: 100%;
	height: 20%;
}

.information_friend {
	float: right;
	background-color: #FFF;
	border-radius: 20px;
	width: 25%;
	height: 200px;
	padding: 10px 20px 0px 20px;
	box-shadow: 5px 5px 10px #888888;
}

.information_friend .title{
	padding: 0px;
	margin: 0px;
}


.infor_account_friend{
	width: 100%;
	height: 50px;
}

.infor_account_friend img{
	float: left;
	width: 34px;	
	height: 34px;
	
	border-radius: 17px;
}
.infor_account_friend p{
	float: right;
	width: 80%;
	font-size: 18px;
	text-align: left;
	padding: 0px 0px;
	margin-top: 5px;

}

/*phan linker*/

.linker {
    
	width: 100%;
	height: 55px;
	/*border: solid 1px #888;*/
	box-shadow: 5px 5px 10px #888888;
	margin-top: 20px;
	border-radius: 10px;
	padding: 0px 15px;
	background-color: #FFF;
    
    
}

.linker button {
	background-color: #FFF;
	border: none;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;

}

.linker p{
	/*margin-top: 10px;*/
	margin: 10px 10px 15px 10px;
	/*margin-bottom: 0px;*/

}
.left_linker{
	float: left;
	width: 50%;
	height: 50px;
}

/*.left_linker button{
	width: 120px;
	height: 50px;
	margin: 0px;
	padding: 0px;	
}*/

.left_linker p{
	width: auto;
	height: auto;
}

.right_linker{
	float: right;
}

/*board*/

.wrapper_board{
	box-shadow: 5px 5px 10px #888888;
	border-radius: 10px 10px 10px 10px;	
	margin-bottom: 10%;
	padding: 15px;
}

.board_title {
	width: 100%;
	height: 10%;
}


.big_board {
	width: 100%;
	height: 100%;
	margin-bottom: 15px;
}

.big_board img {
	width: 100%;
	height: 180px;
	border: solid 1px #888;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #FFF inset;
}

.smalls_board {
	width: 100%;
	height: 50px;
	margin-bottom: 15px;
}

.smalls_board .wrapper_small_board {
	float: left;
	width: 20%;
	height: 50px;
	margin: 0px 5px;	
	background-color: #E9E9E9;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #888;

}

.smalls_board .wrapper_small_board img{
	border-radius: 5px;
	border: 1px solid #888;
}

.functions {
	/*border : 1px solid #000;*/
}

.functions button {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	background-color: #E9E9E9;

}

.functions p{
	text-align: center;
	font-size: 25px;
	margin-top: 3px;
}